<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link rel="stylesheet" href="/css/bootstrap.min.css" />
    <link rel="stylesheet" href="/css/index.css" />
    <script src="/js/jquery-3.4.1.min.js"></script>
    <script src="/js/bootstrap.min.js"></script>
    <script src="/js/detail.js"></script>
    <title>cnode</title>
</head>

<body>
    <div class="content">
        <!-- 上面的navbar -->
        <div id="header"></div>
        <!-- 下面的主体部分 -->
        <div class="main">
            <!-- 小屏幕隐藏的slidebar -->
            <div class="slidebar visible-lg-*-inline-block" id="authormess"></div>

            <!-- 主体的文章部分 -->
            <div class="maincontent">
                <div class="mainartcile" id="titlecell"></div>
            </div>
        </div>
    </div>
</body>
<script>
    $("#header").load("http://localhost:8686/header");
</script>

</html>